<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="200px"><siderbar></siderbar></el-aside>
        <el-container>
          <el-header>Header</el-header>
          <el-main>
            <router-view></router-view></el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  <script setup>
  import  siderbar from '../components/siderbar.vue'
import todolistVue from '../components/todolist.vue';
</script>
  <style lang="scss">
  .common-layout{
    width: 100%;
    height: 100%;
    .el-container{
        height: 100%;
    }
    .el-header{
        position: relative;
       
    }
    
  }
  </style>